/* component_demo/trans-swiper/index.wxss */
.item.next{
  transform: rotateY(-20deg) translate3d(-100rpx,0,0);
  transform-origin: right center;
  opacity: 1;
 
}
.item.prev{
  transform: rotateY(20deg) translate3d(100rpx,0,0);
  transform-origin: left center;
  opacity: 1;
}
.item.curr{
  opacity: 1;
}
.warp{

  transform-style: preserve-3d; /* 3D */
}
.box{
  perspective: 900rpx; /* 目光延长线 */
  // perspective-origin: 50% 50%; /* 目光位置水平居中，往上抬 100px */
}
.item{
  display: flex;
  justify-content: center;
  transition: .5s;
  transform: rotateY(0) translate3d(0,0,0);
  opacity: 0;
}

.next2item{
  // animation: next2curr 1s;
}
@keyframes next2curr{
  0% {
    transform: rotateY(-10deg) ;
    transform-origin: right center;
  }

  100%{
    transform: rotateY(0) translateX(0);
  }
}